@charset "utf-8";

/***  Menu layout ***********************************/

#menu-wrap {
	background: #d9d9d9 url(../images/menu_bg.gif1) left top repeat-x;
}

#menu {
	clear: both;
	margin: 0px 60px  0px 60px;
	padding: 0px 20px 0px 20px;
	height: 44px;
	min-width: 800px;
}

#menu-list .fr {
    float: right !important;
}

#menu-list,
#menu-list ul {
	font-size: 12px;
}

#menu-list a {
	color: #333333;
	display: block;
	line-height: 100%;
	padding: 10px 20px;
	text-decoration: none;
    text-shadow: 0 1px 1px #FFF;
	font-size: 14px;
}

#menu-list a:hover {
	color: #ae432e;
}

#menu-list li {
	float: left;
    position: relative;
    -o-transition: background 0.3s ease-out;
    -ms-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -webkit-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}

#menu-list li ul {
	background: #f8f8f8;
/*	
	-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
*/	
	left: -9999px;
    opacity: 0;
	position: absolute;
/*	
    -o-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;	
*/	
	width: 190px;
}

#menu-list li ul li ul {
	border-top: 1px solid #dddddd;
}

#menu-list li ul a {
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	color: #999999;
	padding: 9px 19px;
	text-shadow: #ffffff 1px 1px 0;
	width: 150px;
}

#menu-list li ul li:hover {
	background-color: #eaeaea;
/*    background-image: url(svg.php?from=%23F9F9F9&to=%23EAEAEA); */
/*
	background-image: -o-linear-gradient(top, #f9f9f9, #eaeaea);
	background-image: -ms-linear-gradient(top, #f9f9f9, #eaeaea);
	background-image: -moz-linear-gradient(top, #f9f9f9, #eaeaea);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
	background-image: linear-gradient(top, #f9f9f9, #eaeaea);
    -pie-background: linear-gradient(top, #f9f9f9, #eaeaea);
*/	
	border-top: 0;
  	color: #ae432e;
	text-shadow: none;
}

#menu-list li ul ul {
/*	margin: -32px 0px 0px 190px; */
	margin: -20px 0px 0px 160px;
	z-index: 1000;
}

#menu-list li:hover ul ul,
#menu-list li:hover ul ul ul {
	left: -9999px;
}

#menu-list li:hover ul,
#menu-list li li:hover ul,
#menu-list li li li:hover ul {
	left: auto;
    opacity: 1;
	z-index: 9999;
}

#menu-list li.fr:hover ul {
    right: 0;
}

#menu-list > li > a {
    line-height: 44px;
    padding: 0 20px;
}

#menu-list > li.dropdown > a {
	background: url(../images/arrow-down.png) no-repeat right center;
    padding: 0 35px 0 20px;
}

#menu-list > li:hover {
	background-color: #f8f8f8;
/*	
	background-image: -o-linear-gradient(#DBDBDB, rgba(234, 238, 243, 0.2) 10%, #F8F8F8), 
	                  -o-linear-gradient(left, #DBDBDB, #F8F8F8 3%, #F8F8F8 97%, #DBDBDB);
	background-image: -ms-linear-gradient(#DBDBDB, rgba(234, 238, 243, 0.2) 10%, #F8F8F8), 
	                  -ms-linear-gradient(left, #DBDBDB, #F8F8F8 3%, #F8F8F8 97%, #DBDBDB);
	background-image: -moz-linear-gradient(#DBDBDB, rgba(234, 238, 243, 0.2) 10%, #F8F8F8), 
	                  -moz-linear-gradient(left, #DBDBDB, #F8F8F8 3%, #F8F8F8 97%, #DBDBDB);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DBDBDB), 
                      color-stop(10%, rgba(234, 238, 243, 0.2)), color-stop(100%, #F8F8F8)), 
	                  -webkit-gradient(linear, left center, right center, color-stop(0%, #DBDBDB), 
                      color-stop(3%, #F8F8F8), color-stop(97%, #F8F8F8), color-stop(100%, #DBDBDB));
	background-image: -webkit-linear-gradient(#DBDBDB, rgba(234, 238, 243, 0.2) 10%, #F8F8F8), 
	                  -webkit-linear-gradient(left, #DBDBDB, #F8F8F8 3%, #F8F8F8 97%, #DBDBDB);
	background-image: linear-gradient(#DBDBDB, rgba(234, 238, 243, 0.2) 10%, #F8F8F8), 
	                  linear-gradient(left, #DBDBDB, #F8F8F8 3%, #F8F8F8 97%, #DBDBDB);
*/					  
}

#menu-list > li:hover > a {
/*	
	-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
*/	
	color: #ae432e;
	text-shadow: none;
}

#menu-list li.current {
	background-color: #bfbfbf;
}

#menu-list > li.active {
	background-color: #bfbfbf;
/*	background-color: #ae432e; */
/*	
	background-image: -o-linear-gradient(#ABC, rgba(234, 238, 243, 0.2) 10%, #ABCEEE), 
	                  -o-linear-gradient(left, #ABC, #ABCEEE 3%, #ABCEEE 97%, #ABC);
	background-image: -ms-linear-gradient(#ABC, rgba(234, 238, 243, 0.2) 10%, #ABCEEE), 
	                  -ms-linear-gradient(left, #ABC, #ABCEEE 3%, #ABCEEE 97%, #ABC);
	background-image: -moz-linear-gradient(#ABC, rgba(234, 238, 243, 0.2) 10%, #ABCEEE), 
	                  -moz-linear-gradient(left, #ABC, #ABCEEE 3%, #ABCEEE 97%, #ABC);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ABC), 
                      color-stop(10%, rgba(234, 238, 243, 0.2)), color-stop(100%, #ABCEEE)), 
	                  -webkit-gradient(linear, left center, right center, color-stop(0%, #ABC), 
                      color-stop(3%, #ABCEEE), color-stop(97%, #ABCEEE), color-stop(100%, #ABC));
	background-image: -webkit-linear-gradient(#ABC, rgba(234, 238, 243, 0.2) 10%, #ABCEEE), 
	                  -webkit-linear-gradient(left, #ABC, #ABCEEE 3%, #ABCEEE 97%, #ABC);
	background-image: linear-gradient(#ABC, rgba(234, 238, 243, 0.2) 10%, #ABCEEE), 
	                  linear-gradient(left, #ABC, #ABCEEE 3%, #ABCEEE 97%, #ABC);
*/					  
}

#menu-list > li.active > a {
	background: transparent url(../images/arrow-down.png) no-repeat right center;
/*	
	-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
*/	
}

#menu-list > li.dropdown:hover {
	background-color: #f8f8f8;
/*
	background-image: -o-linear-gradient(#EEE, rgba(234, 238, 243, 0.2) 10%, #F8F8F8), -o-linear-gradient(left, #DBDBDB, #F8F8F8 3%, #F8F8F8 97%, #DBDBDB);
	background-image: -ms-linear-gradient(#EEE, rgba(234, 238, 243, 0.2) 10%, #F8F8F8), -ms-linear-gradient(left, #DBDBDB, #F8F8F8 3%, #F8F8F8 97%, #DBDBDB);
	background-image: -moz-linear-gradient(#EEE, rgba(234, 238, 243, 0.2) 10%, #F8F8F8), -moz-linear-gradient(left, #DBDBDB, #F8F8F8 3%, #F8F8F8 97%, #DBDBDB);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEE), color-stop(10%, rgba(234, 238, 243, 0.2)), color-stop(100%, #F8F8F8)), -webkit-gradient(linear, left center, right center, color-stop(0%, #DBDBDB), color-stop(3%, #F8F8F8), color-stop(97%, #F8F8F8), color-stop(100%, #DBDBDB));
	background-image: -webkit-linear-gradient(#EEE, rgba(234, 238, 243, 0.2) 10%, #F8F8F8), -webkit-linear-gradient(left, #DBDBDB, #F8F8F8 3%, #F8F8F8 97%, #DBDBDB);
	background-image: linear-gradient(#EEE, rgba(234, 238, 243, 0.2) 10%, #F8F8F8), linear-gradient(left, #DBDBDB, #F8F8F8 3%, #F8F8F8 97%, #DBDBDB);
*/	
}

#menu-list > li.dropdown:hover > a {
	background: transparent url(../images/arrow-down.png) no-repeat right center;
}

#menu-list > li.dropdown li.dropdown > a {
	background: url(../images/arrow-right.png) no-repeat right center;
	text-shadow: none;
}

#menu-list > li.dropdown li.dropdown:hover > a {
	background: transparent url(../images/arrow-right.png) no-repeat right center;
	/*padding-right: 10px;*/
}

#menu-list > li > a.with-profile-image {
    padding-left: 4px;
}

#menu-list > li > a.with-profile-image > span {
    background: transparent url(../images/profile-image-bg.png) no-repeat center center;
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

#menu-list > li > a.with-profile-image > span > img {
    padding: 8px 5px;
}

